<template>
	<section>
		<back :title="'钱包管理'" type='2'></back>
		<p style="height: 0.5rem;"></p>
		<article>
			<div class="walletInfoSigle">
				<p><span>名字</span><label  @click="jump('/backups')">请备份</label><img src="../../static/img/rightArrowImg.png" /></p>
				<p>46543132134313asd</p>
				<p><span>0<label>ether</label></span></p>
				<img src="../../static/img/contacts.png" class="walInfoIcon" />
			</div>
		</article>
		<footer class="fixMax">
			<span>
				<img src="../../static/img/infoWallet.png"/><label>创建钱包</label>
			</span>
			<span>
				<img src="../../static/img/infoImport.png"/><label>导入钱包</label>
			</span>
		</footer>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	import back from '../com/back.vue';
	export default {
		data() {
			return {}
		},
		components: {
			back
		},
		methods: {},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	.walletInfoSigle {
		padding-left: 0.15rem;
		width: 3.55rem;
		margin-left: 0.1rem;
		overflow: hidden;
		height: 1.5rem;
		background-color: #FFFFFF;
		border-radius: 4px;
		margin-top: 0.1rem;
		position: relative;
	}
	
	.walInfoIcon {
		position: absolute;
		top: 0.22rem;
		left: 0.22rem;
		height: 0.4rem;
		width: 0.4rem;
		border-radius: 0.4rem;
		border: 1px solid #E8E8E8;
	}
	
	.walletInfoSigle p:nth-child(1) {
		font-size: 0.17rem;
		color: rgb(58, 75, 95);
		margin-top: 0.2rem;
		padding-left: 0.6rem;
	}
	
	.walletInfoSigle p:nth-child(2) {
		padding-left: 0.6rem;
	}
	
	.walletInfoSigle p:nth-child(1) span {
		vertical-align: middle;
		display: inline-block;
		line-height: 0.17rem;
	}
	
	.walletInfoSigle p:nth-child(1) img {
		float: right;
		margin-right: 0.15rem;
		margin-top: 12px;
	}
	
	.walletInfoSigle p:nth-child(1) label {
		font-size: 0.1rem;
		vertical-align: middle;
		display: inline-block;
		/*line-height: 0.17rem;*/
		/*width: 0.5rem;*/
		padding: 2px 0.1rem;
		color: rgb(122, 241, 242);
		border-radius: 0.17rem;
		border: 1px solid rgb(122, 241, 242);
		text-align: center;
		margin-left: 0.1rem;
	}
	
	.walletInfoSigle p:nth-child(1) img {
		vertical-align: middle;
		display: inline-block;
	}
	
	.walletInfoSigle p:nth-child(2) {
		color: rgb(181, 187, 194);
		border-bottom: 1px solid #ECECEC;
		line-height: 0.4rem;
	}
	
	.walletInfoSigle p:nth-child(3) {
		color: rgb(56, 74, 94);
		margin-top: 0.26rem;
	}
	
	.walletInfoSigle p:nth-child(3) span {
		float: right;
		margin-right: 0.15rem;
	}
	
	.walletInfoSigle p:nth-child(3) span label {
		color: rgb(188, 193, 200);
		margin-left: 2px;
	}
	
	footer {
		font-size: 0;
		position: fixed;
		width: 100%;
		height: 0.5rem;
		bottom: 0;
	}
	
	footer span {
		display: inline-block;
		font-size: 0.14rem;
		width: 50%;
		line-height: 0.5rem;
		text-align: center;
	}
	footer span:nth-child(1){
		background-color: rgb(158,129,104);
	}
	footer span:nth-child(2){
		background-color: rgb(153,95,74);
	}
	footer span img,footer span label{
		display: inline-block;
		vertical-align: middle;
	}
	footer span img{
		height: 0.25rem;
		margin-right: 0.05rem;
	}
</style>